<template>
<div>
      <div class="content-container-top">
        <div class="ceshi">1
          <scroll-top>111 </scroll-top>
          </div>
          <br> 1<br>1 <br>1 <br>1 <br> 1<br> 1<br> 1<br> 1<br> 1<br>1 <br>1 <br>1 <br>
   <br> 1<br>1 <br>1 <br>1 <br> 1<br> 1<br> 1<br> 1<br> 1<br>1 <br>1 <br>1 <br>
   <br> 1<br>1 <br>1 <br>1 <br> 1<br> 1<br> 1<br> 1<br> 1<br>1 <br>1 <br>1 <br>
   <br> 1<br>1 <br>1 <br>1 <br> 1<br> 1<br> 1<br> 1<br> 1<br>1 <br>1 <br>1 <br>
   <br> 1<br>1 <br>1 <br>1 <br> 1<br> 1<br> 1<br> 1<br> 1<br>1 <br>1 <br>1 <br>
     </div>
     <div>
<template>
  Scroll down to see the bottom-right button.
  <el-backtop target=".page-component__scroll .el-scrollbar__wrap">1</el-backtop>
</template>
     </div></div>
  </template>
  </<script> 
   import  ScrollTop from '@/components/index/ScrollTop'
  export default {
    components: { 
      'scroll-top':ScrollTop,
    },

  }
  </script>
  
<style scoped>
.ceshi{
  width: 100px;
  height: 100px;
  background-color: red;
}
</style>

